body{
	max-width: 6.4rem;
	width: 6.4rem;
	margin: 0 auto;
	background-color: #fefefe;
}
.mengban{
	width: 6.4rem;
	height: 100%;
	overflow: hidden;
}
.header{
	height: 1.2rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	.logo{
		width: 3rem;
		img{
			margin: 0.26rem 0 0 0.2rem;
			width: 2.5rem;
		}
	}
	.topnav{
		display:flex;
		.login{			
			width: 1.3rem;
			height: 0.44rem;
			box-sizing: border-box;
			line-height: 0.44rem;
			text-align: center;
			color: #ff801a;
			font-size: 0.18rem;
			border: 1px solid #dddddd;
			border-radius: 0.44rem;
			margin-top: 0.38rem;
			a{
				color: #ff801a;
				font-size: 0.18rem;
			}
		}
		.ylogin{
			display: none;
			line-height: 0.44rem;
			color: #ff801a;
			font-size: 0.18rem;
			margin-top: 0.38rem;
			a{
				color: #ff801a;
				font-size: 0.18rem;
			}
		}
		.more{
			width: 1rem;
			height: 1.2rem;
			background: url(../img/more.jpg) no-repeat center;
			background-size: 0.42rem 0.42rem;
			margin-left: 0.3rem;
			img{
				width: 100%;
			}
		}
		.on{
			background: url(../img/cha.jpg) no-repeat center;
			background-size: 0.42rem 0.42rem;
		}
	}
	.xiala{
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: rgba(7,17,27,0.4);
		top: 1.2rem;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 999;
		li{			
			height: 0.85rem;
			padding: 0 0.24rem;
			background: #fff;
			border-top: 1px solid #ededed;
			text-align: center;
			line-height: 0.85rem;
			a{
				display: block;				
				height: 0.85rem;
				background: url(../img/arrow1.png) no-repeat right;
				color: #333;
				font-size: 0.26rem;
			}
			&.active{
				background: #ff801a;
				a{
					color: #fff;
					background: url(../img/arrow2.png) no-repeat right;
				}
			}
		}
	}
}
.banner{
	width: 100%;
	li{
		img{
			width: 100%;
		}		
	}
	.carousel-img{
		position: relative;
	}
	.flex-control-paging {
		width: 100%;
		margin: 0;
		list-style: none;
		position: absolute;
		left: 0;
		bottom: 15px;
		z-index: 3;
		text-align: center;
	}	
	.flex-control-paging li {
		display: inline-block;
		list-style-type: decimal;
	}	
	.flex-control-paging li a {
		display: block;
		list-style: none;
		margin: 0 8px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #ffcc8a;
		font-size: 0;
	}	
	.flex-control-paging li a.flex-active {
		background-color: #fff;
	}
}
.title{
	text-align: center;
	color: #ff801a;
	font-size: 0.3rem;	
	font-weight: bold;
	span{
		padding: 0 0.1rem;
	}
	img{
		display: inline;
		vertical-align: middle;
		width: 0.42rem;
		height: 0.26rem;
	}
}
.fenlei{
	margin-top: 20px;
	.nav{
		padding: 0 0.24rem;
		ul{
			border-bottom: 1px solid #dddddd;
			display: flex;
			justify-content: space-between;			
			li{
				position: relative;
				color: #666666;
				font-size: 0.2rem;
				padding-bottom: 0.15rem;
				.line{
					position: absolute;
					left: 50%;
					bottom: 0;
					width: 0.96rem;
					margin-left: -0.48rem;
					height: 4px;
					background: none;
				}
				&.active{
					color: #ff801a;
					font-weight: bold;
					.line{
						background: #ff8519;
					}
				}
				
			}
		}
	}
	.content{
		display: none;
		margin-top: 20px;
		padding: 0 0.24rem;
		ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.item{
				position: relative;
				float: left;
				width: 48.8%;
				border: 1px solid #eeeeee;
				border-radius: 5px;
				box-sizing: border-box;
				padding: 14px 8px 12px 8px;
				margin-bottom: 10px;
				box-shadow: 0 0 10px #ddd;
				.zhe{
					position: absolute;
					top: 0;
					right: 0;
					width: 0.5rem;
					height: 0.5rem;
					border-top-right-radius: 5px;
				}
				.p1{
					width: 1rem;
					height: 0.26rem;
					border: 1px solid #f56902;
					border-radius: 0.5rem;
					color: #f56902;
					font-size: 0.16rem;
					text-align: center;
					line-height: 0.26rem;
				}
				.p2{
					font-size: 0.18rem;
					color: #333333;
					font-weight: bold;
					line-height: 0.18rem;
					margin-top: 14px;
				}
				.p3{
					font-size: 0.12rem;
					color: #333333;
					line-height: 0.24rem;
					margin-top: 8px;
				}
				.list{
					margin-top: 0.2rem;
					padding-bottom: 0.16rem;
					border-bottom: 1px solid #eeeeee;
					display: flex;
					p{
						width: 0.34rem;
						color: #333333;
						font-size: 0.12rem;
						margin-right: 0.12rem;
						text-align: center;
						span:nth-child(1){
							display: block;
							width: 0.34rem;
							height: 0.34rem;
							border-radius: 0.34rem;
							background: #ffe5b0;
							margin-bottom: 0.06rem;
							img{
								width: 100%;
							}
						}					
					}
				}
				.price{
					p:nth-child(1){
						color: #999999;
						font-size: 0.12rem;
						margin-top: 0.14rem;
					}
					p:nth-child(2){
						margin-top: 0.06rem;
						display: flex;
						justify-content: space-between;
						span:nth-child(1){
							margin-top: 0.06rem;
						}
						span{
							color: #333333;
							font-size: 0.12rem;							
							span{
								color: #999;
								text-decoration: line-through;
							}
							span:nth-child(2){
								vertical-align: middle;
								text-decoration: none;
								color: #ff5050;
								font-size: 0.24rem;
								vertical-align: baseline;
								margin-left: 0.1rem;
								font{
									font-size: 0.16rem;
								}
							}
						}
					}
				}
			}			
		}
		&.active{
			display: block;
		}
	}
}
.shipin{
	margin-top: 20px;
	.video{
		margin: 20px auto 0;
		width: 5.9rem;
		position: relative;
		.video-logo{
			position: relative;
			width: 100%;
			height: 3.3rem;
			overflow: hidden;
			border-radius: 5px;
			background: url(../img/bg.png) no-repeat center;
			background-size: cover;
			text-align: center;
			.logo{
				margin: 0.8rem auto 0;
				width: 2.5rem;
			}
			.video-logo-play{
				width: 2.2rem;
				height: 0.52rem;
				background: #ff7124;
				color: #fff;
				font-size: 0.2rem;
				line-height: 0.52rem;
				text-align: center;
				border-radius: 0.52rem;
				margin: 0.5rem auto 0;
				img{
					width: 0.26rem;
					height: 0.27rem;
					vertical-align: middle;
				}
			}
			span{
				position: absolute;
				left: 0.2rem;
				bottom: 0.15rem;
				color: #fff;
				font-size: 0.18rem;
			}
		}
		.video-content{
			display: none;
			.video-content-clear {
				position: absolute;
				top: 0.05rem;
				right: -0.2rem;
				width: 0.2rem;
				background-color: #f5d220;
				padding: 0.05rem 0;
				color: #555;
				text-align: center;
			}
		}				
	}	
}
.one{
	margin-top: 25px;
	.content{
		margin-top: 18px;
		padding: 0 0.24rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		.item{
			background: #fff;
			height: 3rem;
			width: 48%;
			text-align: center;
			box-sizing: border-box;
			padding: 0 0.15rem;
			box-shadow: 0 0 20px #ddd;	
			border-radius: 5px;
			.img{
				height: 1.4rem;
				line-height: 2rem;
				text-align: center;
			}
			.text{
				span:nth-child(1){
					display: block;
					color: #ff801a;
					font-size: 0.24rem;
					line-height: 0.24rem;
					font-weight: bold;
				}
				span:nth-child(2){
					display: block;
					color: #999;
					font-size: 0.14rem;
					line-height: 0.32rem;
					margin-top: 0.25rem;
				}
			}
		}
		.item:last-child{
			flex: 1;
			margin-top: 15px;
			.img{
				img{
					width: 0.95rem;
				}
			}
		}
	}
}
.zuiqiang{
	width: 100%;
	background: #ff801a;
	box-sizing: border-box;
	padding-top: 18px;
	margin-top: 25px;
	.title{
		color: #fff;
	}
	.content{
		margin-top: 0.1rem;
		padding: 0 0.24rem 0.4rem;
		ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.item{
				position: relative;
				width: 48%;
				height: 3.62rem;
				margin-top: 0.3rem;
				.bg{
					position: absolute;
					bottom: 0;
					left: 0.13rem;
					width: 2.54rem;
					height: 0.3rem;
					background: #ffc08d;
					border-radius: 5px;
				}
				.text{
					position: absolute;
					top: 0;
					left: 0;
					width:2.8rem;
					height: 3.46rem;
					background: #fff;
					border-radius: 5px;
					box-sizing: border-box;
					padding: 0 0.3rem;
					text-align: center;
					.p1{
						height: 1.3rem;					
						line-height: 1.8rem;
					}
					.p2{
						color: #ff801a;
						font-size: 0.2rem;
						line-height: 0.2rem;
						font-weight: bold;
					}
					.p3{
						color: #999999;
						font-size: 0.16rem;
						line-height: 0.32rem;
						margin-top: 0.2rem;
					}
				}
			}
		}
	}
}
.fuwu{
	margin-top: 23px;
	.content{
		padding: 0 0.24rem;
		margin-top: 20px;
		.item{
			width: 100%;
			background: #f2f2f2;
			border-radius: 5px;
			box-sizing: border-box;
			padding: 0.25rem 0;
			display: flex;
			margin-bottom: 0.14rem;
			.left{
				width: 1.15rem;
				text-align: center;
			}
			.right{
				width: 4.6rem;
				padding-right: 0.15rem;
				.p1{
					color: #333333;
					font-size: 0.24rem;
					line-height: 0.24rem;
					font-weight: bold;
				}
				.p2{
					color: #999999;
					font-size: 0.14rem;
					line-height: 0.32rem;
					margin-top: 0.08rem;
				}
			}
		}
	}
}
.teacher{
	margin-top: 25px;
	box-sizing: border-box;
	height: 4.1rem;
	padding-top: 0.4rem;
	background: #efefef;
	.carousel-img{
		position: relative;
		margin-top: 0.4rem;
		padding: 0 0.24rem;
		ul{
			li{
				img{
					width: 1.81rem;
					height: 2.4rem;
					margin-right: 0.15rem;
				}
				img:last-child{
					margin-right: 0;
				}
			}
		}		
	}
	.flex-control-paging {
		width: 100%;
		margin: 0;
		list-style: none;
		position: absolute;
		left: 0;
		bottom: -0.33rem;
		z-index: 3;
		text-align: center;
	}
	
	.flex-control-paging li {
		display: inline-block;
		list-style-type: decimal;		
	}
	
	.flex-control-paging li a {
		display: block;
		list-style: none;
		margin: 0 4px;
		width: 4px;
		height: 4px;
		background-color: #f7b784;
		border-radius: 4px;
		font-size: 0;
	}
	
	.flex-control-paging li a.flex-active {
		background-color: #ff801a;
		width: 8px;
		height: 8px;
		border-radius: 8px;
		transform: translate(0,-2px);
	}
}
.team{	
	margin-top: 25px;		
	.content{
		position:relative;
		margin-top: 20px;	
		padding: 0 0.24rem;
		.item{
			padding-bottom: 40px;
			.team-item{
				float: left;
				width: 48%;
				height: 3.65rem;
				background: #fff;
				box-sizing: border-box;
				margin-bottom: 0.25rem;
				box-shadow: 0 0 20px #f5f5f5;
				margin-right: 0.23rem;
				.item-img{
					width: 0.9rem;
					height: 0.9rem;
					border-radius: 50%;
					overflow: hidden;
					margin: 0.06rem auto 0.2rem;
					img{
						width: 100%;
					}
				}
				.item-name{
					color: #333333;
					font-size: 0.2rem;
					font-weight: bold;
					text-align: center;
				}
				.team-desc{
					color: #999;
					font-size: 0.2rem;
					padding: 0 0.2rem;
					margin-top: 0.25rem;
					line-height: 0.32rem;
				}			
			}
			.team-item:nth-child(2n){
				margin-right: 0;
			}
		}
			
		.flex-direction-nav .flex-nav-prev {
			position: absolute;
			top: 7.45rem;
			right: 0.1rem;
			width: 0.35rem;
			height: 0.35rem;
			border-radius: 50%;
			background: rgba(7,17,27,0.4) url(../img/jian2.png) no-repeat center;
			background-size: 0.14rem 0.22rem;
			a{
				display: inline-block;
				width: 0.35rem;
				height: 0.35rem;
				outline: none;
			}
		}
		
		.flex-direction-nav .flex-nav-next {
			position: absolute;
			top: 7.45rem;
			left: 0.1rem;
			width: 0.35rem;
			height: 0.35rem;
			border-radius: 50%;
			background: rgba(7,17,27,0.4) url(../img/jian1.png) no-repeat center;
			background-size: 0.14rem 0.22rem;
			a{
				display: inline-block;
				width: 0.35rem;
				height: 0.35rem;
				outline: none;
			}
		}
		.flex-control-paging {
			width: 100%;
			margin: 0;
			list-style: none;
			position: absolute;
			left: 0;
			bottom: 0.3rem;
			z-index: 3;
			text-align: center;
		}
		
		.flex-control-paging li {
			display: inline-block;
			list-style-type: decimal;		
		}
		
		.flex-control-paging li a {
			display: block;
			list-style: none;
			margin: 0 4px;
			width: 4px;
			height: 4px;
			background-color: #f7b784;
			border-radius: 4px;
			font-size: 0;
		}
		
		.flex-control-paging li a.flex-active {
			background-color: #ff801a;
			width: 8px;
			height: 8px;
			border-radius: 8px;
			transform: translate(0,-2px);
		}
	}	
}
.footer{
	width: 100%;
	height: 5rem;
	background: #000;
	box-sizing: border-box;
	padding-top: 0.45rem;
	.logo{
		width: 4.05rem;
		margin: 0 auto;
		img{
			width: 100%;
		}
	}
	.ewm{
		text-align: center;
		img{
			width: 1.4rem;
		}
	}
	.btn{
		text-align: center;
		margin-top: 0.1rem;
		a{
			display: inline-block;
			width: 1.35rem;
			height: 0.36rem;
			border: 1px solid #5a5a5a;
			border-radius: 0.36rem;
			color: rgba(255,255,255,0.8);
			font-size: 0.14rem;
			line-height: 0.36rem;
			img{
				width: 0.26rem;
				vertical-align: middle;
				margin-right: 0.05rem;
			}
		}
		a:nth-child(1){
			margin-right: 0.35rem;
		}
	}
	.address{
		display: flex;
		justify-content: space-between;
		padding: 0 0.24rem 0.12rem;
		margin-top: 0.18rem;
		border-bottom: 1px solid rgba(255,255,255,0.4);
		p{
			img{
				width: 0.26rem;
				vertical-align: middle;
			}
			color: rgba(255, 255, 255, 0.4);
			font-size: 0.16rem;
		}
	}
	.beian{
		p{
			text-align: center;
			font-size: 0.14rem;
			color: rgba(255, 255, 255, 0.3);
			a{
				font-size: 0.14rem;
				color: rgba(255, 255, 255, 0.3);
				line-height: 0.32rem;
			}
		}
	}
}